@import '@/styles/variables.scss';
.systemSetting-container{
  min-width: 800px;
  position:relative;
  .save{
    position: absolute;
    right:10px;
    top:2px;
    min-width: 70px;
    height: 30px;
    line-height: 30px;
    border: none;
    color: $font-color-white;
    background: $main-color;
  }
  .el-tab-pane{
    margin: 10px 10px;
    .table{
      .el-table{
        max-height:calc(100vh - 200px);
        ::v-deep .el-table__body-wrapper{
          max-height:calc(100vh - 248px);
          overflow-y: auto;
          @import "@/styles/scrollbalStyle.scss";
        }
      }
      button{
        color:$nav-bar;
        border: 1px solid $nav-bar;
      }
      .el-radio{
        margin-left: 16px;
      }
    }
    .demo-ruleForm{
      min-width: 800px;
      max-height:calc(100vh - 200px);
      overflow-y: auto;
      @import "@/styles/scrollbalStyle.scss";
    }
    .up{
      .up-title{
        width: calc(100% - #{$block-x} - #{$block-x});
        height: 40px;
        display: flex;
        box-sizing: border-box;
        margin-top:$block-y;
        margin-left:$block-x;
        background-color: #F5F5F5;
        span{
          line-height: 40px;
          font-size: 14px;
          font-weight: bold;
          color: #333333;
          margin-left: $block-x;
        }
      }
      .up-content{
        width: calc(100% - #{$block-x});
        box-sizing: border-box;
        margin-left: $block-x;
        margin-top: $block-y;
        .el-form-item{
          margin-bottom: 16px;
        }
        .selectSex {
          display: flex;
          .sex {
            width: 50%;
            .el-radio {
              width: 100%;
              height: 30px;
            }
          }
        }
      }
    }
    .down{
      .up-title{
        width: calc(100% - #{$block-x} - #{$block-x});
        height: 40px;
        display: flex;
        box-sizing: border-box;
        margin-top:$block-y;
        margin-left:$block-x;
        background-color: #F5F5F5;
        span{
          line-height: 40px;
          font-size: 14px;
          font-weight: bold;
          color: #333333;
          margin-left: $block-x;
        }
      }
      .up-content{
        width: calc(100% - #{$block-x} - #{$block-x});
        box-sizing: border-box;
        margin-left: $block-x;
        margin-top: $block-y;
        .el-form-item{
          margin-bottom: 16px;
        }
        .selectSex {
          display: flex;
          .sex {
            width: 50%;
            .el-radio {
              width: 100%;
              height: 30px;
            }
          }
        }
      }
      .example{
        margin-top: $block-y;
      }
    }
  }
}